.mapwrap{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.mapmain{
    position: relative;
    width: 100%;
    /*min-height: 473px;*/
    height:100%;
}
.mapslide{
    min-height: 500px;
    width: 50%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}
/*楼层组*/
.floorgroup{
    margin-bottom: 10px;
}
.dobtngroup .floorbtn{
    display: block;
    width: 80px;
    height: 50px;
}
/*设备 岗位按钮组*/
.typebtngroup .maintypebtn{
    background-color: #3144d8;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    width: 80px;
    height: 80px;
    line-height: 80px;
}
.ptypebar,.eqtypebar,.quantypebar{
    margin-left:0px;
    padding-left: 0px;
/*    background-color: #0b245a;*/
    margin-top: 3rem;
/*    padding: 1rem 2.5rem 2rem 0.5rem;*/
    margin-right: 2rem;
    box-sizing: border-box;
    border-radius: 1rem;
/*    border: 1px solid #475883;*/
}
.quantypebar li{
     margin-bottom: 10px;   
}
.ptypebar .ptype{
    margin-left: 10px;
    line-height: 30px;
    color: #fff;
    list-style: none;
    vertical-align: middle;
/*    margin-top: 1rem;*/
    cursor: pointer;
}
 .ptype img{
    vertical-align: inherit;
}
.quantypebar p.quanimg{
    display: inline-block;
    margin-right: 10px;
    width: 24px;
    height: 16px;
    vertical-align: middle;
    border: 1px solid #fff;
    border-radius: 2px;
}
p.quanimg1{
    background-color: #de6029
}
p.quanimg2{
    background-color: #0ebe34
}
p.quanimg3{
    background-color: #52b4e0
}
 .ptype span{
     vertical-align: middle;
     display: inline-block;
/*     margin-left: 1rem;*/
     padding:0 1rem;
     border-radius: 0.3rem;
     border: 1px solid #A7BCE5;
     font-size: 1.4rem;
     box-sizing: border-box;
}
 .span_bgc{
     background-color: #0b245a;
 }
.chartBarTop,.chartSlide,.chartBar{
    min-width: 58px;
}
.station_shaow_tit.tit2{
    text-align: left;
}
.station_shaow_tit.tit2 i{
    float: right
}
.station_shaow_tit.tit2 .station_shaow_cnt{
    color: #fff;
    font-size: 16px;
    margin-left: 1rem;
}
.workerdbtn{
    color:#108fbe
}
.workerdbtn:hover{
    color:#be103f
}

.popstationstatus{
    margin-bottom: 20px;
    
}
.popstationstatus .ngr-popup-content p.popstationp{
    font-size: 12px;
    margin-top: 4px;
}

.ngr-marker-icon{
    -webkit-animation:shinning 2s infinite ;
    animation:shinning 2s infinite ;
}
@-webkit-keyframes shinning {
    0%{opacity: 0.7}
    10%{opacity: 0.7}
    20%{opacity: 0.8}
    30%{opacity: 0.9}
    40%{opacity: 1}
    50%{opacity: 1}
    60%{opacity: 1}
    70%{opacity: 0.9}
    80%{opacity: 0.8}
    90%{opacity: 0.7}
    100%{opacity: 0.7}

}
@keyframes shinning {
    0%{opacity: 0.7}
    10%{opacity: 0.7}
    20%{opacity: 0.8}
    30%{opacity: 0.9}
    40%{opacity: 1}
    50%{opacity: 1}
    60%{opacity: 1}
    70%{opacity: 0.9}
    80%{opacity: 0.8}
    90%{opacity: 0.7}
    100%{opacity: 0.7}

}
.wangge_div p.wanggetit{
    font-size: 1.4rem;
/*    text-align: center;*/
}
.changeTypeBar {
    display: block;
    border: 1px solid #475883;
    width: 5rem;
    text-align: center;
    margin-top: 2rem;
    padding: 0.4rem 0;
    border-radius: 0.5rem;
    background-color: #0b245a;
    cursor: pointer;
}
.changeTypeBar>i {
    display: block;
    font-size: 2.4rem;
}
.changeTypeBar:hover {
    background-color: #054494;
}
.floorinfowrap{
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #033c88;
    border: 1px solid #fff;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-left: -50px;
    margin-top: -50px;
    z-index: 9999;
    overflow: hidden;
}
.floorcnt{
    width: 50%;
    height: 50%;
    float:left;
    cursor: pointer;
    position: relative;
    border: 1px solid #fff;
    box-sizing: border-box;
}
.floorcnt:hover{
    background-color: #0d5cc6
}
.floorcnt:hover .mainelm{
    display: none;
}
.floorcnt .elmti{
    display: none;
}
.floorcnt:hover .elmti{
    display: block;
}
.floorcnt .elm{
    width:70%;
    height: 50%;
    position: absolute;
    text-align: center;
}
.floorcnt .elm p{
    color: #fff;
    line-height: 25px;
}
.floorcnt .elm1{
    right: 4px;
    bottom: 6px;
}
.floorcnt .elm2{
    left: 4px;
    bottom: 6px;
}
.floorcnt .elm3{
    right: 4px;
    top: 6px;
}
.floorcnt .elm4{
    left: 4px;
    top: 6px;
}

.none{
    display: none
}